@charset "utf-8";



.banner {width: 100%;}
.banner img {display: block;width: 100%;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.writ {position: absolute;z-index: 88;left: 10%;top: 54%;transform: translateY(-60%);width: 80%;}
.writ span {display: inline-block;}
.writ h2 {position: relative; left: -100px; opacity: 0;}
.writ h2 span {line-height: 55px;font-weight: bold;font-size:42px;color: #fff;}
.writ h3 {position: relative; right: -100px; opacity: 0;}
.writ h3 span {margin: 0px;line-height: 55px;font-size:24px;color: #fff;font-family: 'Raleway', sans-serif, "微软雅黑",'Microsoft Yahei';text-transform: uppercase;}
.writ h4 {margin: 18px 0; position: relative; top: 40px; opacity: 0;}
.writ h4 span { line-height: 42px; font-size: 30px; color: #0461ed;}
.writ p {line-height: 28px; font-size: 16px; color: #fff; position: relative; top: 40px; opacity: 0;}
.bannerLink {margin-top: 20px;width: 206px;height: 60px;text-align: center;}
.bannerLink a {float: left;height: 42px;line-height: 56px;font-size: 18px;color: #c5dcff;position: relative;opacity: 0;text-align: center;}
.bannerLink a:first-child {color: #fff;}
.bannerLink a.bannerMore1 {left: -60px;width: 200px;}
.bannerLink a.bannerMore2 {float: right;position: absolute;top: -100px;}
.bannerLink a.bannerMore2 img {width: 90%;}


.index-title{display: block;padding-bottom: 10px;position: relative;height: 40px;}
.index-title a{display: block;text-transform: uppercase;position: relative;}
.index-title a font{display: inline-block;}
.index-title a font h1{display: block;font-size: 54px;color: #d8e2f5;font-weight: bold;position: absolute;z-index: 0;top: -22px;opacity: 0.6;}
.index-title a font span{display: block;color: #1D5294;font-size: 30px;font-weight: bold;line-height: 32px;position: absolute;top: 5px;}
.index-title a font p{display: block;font-size: 14px;color: #97a7c5;}
.index-title a strong{display: inline-block;background: #47a837;border-radius: 100px;font-size: 14px;padding: 3px 10px;color: #fff;margin-top: -10px;position: absolute;margin-top: 10px;margin-left: 10px;}






.iot{display: block;padding-bottom: 30px;}
.iot li{float: left;width: 25%;transition: all .6s;}
.iotpad{display: block;padding: 10px;}
.iot li:hover .iot_title{transform:translate(0px,-0px) scale(1.05);}


.iot_content{display: block;background: #f3f7ff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;transition: all .6s;border: 2px solid #fbfdff;}
.iot li:hover .iot_content{box-shadow: 0 10px 20px 0 rgba(86, 118, 252, 0.4);}

.iot_contenttitle{padding: 40px;transition: all .5s;}
.iot_content:hover .iot_contenttitle{
	transform:translate(0px,-15px) scale(.9);
-webkit-transform: translate(0px,-15px) scale(.9);
-moz-transform: translate(0px,-15px) scale(.9);
-ms-transform: translate(0px,-15px) scale(.9);
-o-transform: translate(0px,-15px) scale(.9);}



.iot_contenttitle font{display: block;text-align: center;}
.iot_contenttitle font h1{display: block;font-size: 26px;color: #000;line-height: 32px;padding-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.iot_contenttitle font p{display: block;font-size: 14px;color: #9B9EA1;line-height: 20px;text-overflow: ellipsis;overflow: hidden;height: 163px;}
.iot_content_all{display: block;border-radius: 0 0 8px 8px;overflow: hidden;}
.iot_content_all a{display: block;padding: 10px 20px 20px 20px;}
.iot_content_all a img{display: block;margin: 0 auto;transition: all .6s;width: 100%;}
.iot li:hover .iot_content_all a img{-o-transform: rotateY(360deg);-webkit-transform: rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg);}




.mapbg{padding-top: 20px;}
.map_left{float:left;width: 46%;}
.map_left img{width:100%;padding-top: 70px;}
.map_right{float:right;width: 50%;}




.download {}
.download li{width: 49%;}
.downloadleft{float: left;transition: all .6s;}
.downloadright{ float: right;}

.newsconter_tltle i{display:block;float: left;font-size: 80px;color: #fff;font-style: normal;}









.newsconter_tltle font{display:block;float: left;padding-top: 14px;padding-left: 20px;}
.newsconter_tltle font h1{display:block;font-size:32px; color: #fff; padding-bottom: 10px;}
.newsconter_tltle font p{display:block;font-size:20px; color: #fff; text-transform: uppercase;}

.news_conter{padding: 30px;margin-bottom: 25px;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);background: #f0f5ff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;border: 1px solid #fff;}
.news_conter .date{width: 90px;text-align: center;float: left;}
.news_conter .date h1{font-size: 50px;line-height: 50px;color: #0045ad;padding-bottom: 5px;font-family: 'Microsoft Yahei';}
.news_conter .date p{font-size: 16px;line-height: 16px;color: #0045ad;}

.newsconter_list{display: block;width:-moz-calc(100% - 90px);}


.newsconter_list h2{display: block;font-size: 20px;color: #000;padding-bottom: 20px;height: 27px;overflow: hidden;}
.newsconter_list i{display: block;width: 40px;height: 1px;background: #ccc;margin-bottom: 10px;}
.newsconter_list span{ display: block;}
.newsconter_list span a{display: block;color: #596178;line-height: 26px;width: 100%;padding: 0px 0px 0px 0px;font-size: 14px;}
.newsconter_list span a:hover{display: block;color: #0045ad;}


.contents01{ padding:15px 0}
.service{display: block;}
.servicew33 li{ width: 33.3333%; }
.servicew50{width:50%;float:right;padding-bottom: 20px;}
.servicew25 li{width: calc(25% - 20px);padding-right: 20px;;}
.service li{display: block;float: left;-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in}
.service li:hover{}
.service li font{display: block;background: #fff;margin: 0px 20px 0 0px;border-radius: 8px;box-shadow: 0px 5px 9px 1px rgba(107, 107, 107, 0.1);overflow: hidden;}
.service li font h2{font-size: 18px;font-weight: bold;color: #000000;line-height: 26px;background: #F5FAFF;padding: 10px 25px;position: relative;}
.service li font h2 i{display: inline-block;width: 5px;height: 5px;background: #ccc;background: #000000;border-radius: 100px;margin-right: 10px;line-height: 19px;vertical-align: middle;}
.service_list{display: block;}
.service_list a{display: block;padding: 10px 25px;}
.service_list a:hover{ background:#e6efff;color: #000;}
.service_list a:hover a p{color: #000;}
.service_list a b{display: block;width: 70px;font-size: 14px;font-family: PingFang SC;font-weight: 800;color: #1d5294;line-height: 21px;float: left;}
.service_list a p{width: calc(100% - 80px);font-size: 14px;color: #626E7D;line-height: 24px;float: left;padding-left: 8px;height: 46px;overflow: hidden;}
.service_list a:hover p{color: #000;}
.service_list-ul{padding: 10px 25px;background: #F5FAFF;}
.service_list-ul li{font-size: 14px;color: #949FAD;line-height: 20px;padding-right: 40px;}
.service-a{ position: absolute;right: 20px;font-size: 14px;color: #1D5394;line-height:30px; padding:0px 10px; background:#f5faff; border-radius:30px;}
.service li:hover .service-a{color: #fff;background:#1d5294;}
.tab-supply{position: absolute;top: 3px;left: 164px;}
.tab-supply li{float: left;padding-right: 5px;}
.tab-supply li a{width: 108px;height: 32px;background: #1D5394;border-radius: 5px;font-size: 14px;color: #666;line-height: 32px;background: #FFFFFF;border: 1px solid #DADADA;border-radius: 5px;text-align: center;}

.bg-hui{background: #f0f5ff;padding: 40px 0;}
.t-tool{}
.t-tool li{float: left;text-align:center;width: calc(20% - 20px );margin-bottom: 25px;background: #fff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;padding: 25px 0;margin: 20px 10px 10px 10px;}
.t-tool li:hover{background: #fff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.5);}

.t-tool li img{
    text-align: center;
    margin: 0 auto;
    padding-bottom: 20px;
}
.t-tool li h1{font-size: 18px;font-weight: bold;color: #000000;line-height: 26px;padding: 7px 25px;text-align: center;}
.t-tool li span{font-size: 14px;color: #626E7D;line-height: 24px;padding-left: 8px;text-align: left;display: block;padding: 5px 25px;}
.t-tool li .t-toolspan{ height: 100px ; overflow: hidden;}
.t-tool li span i{display: inline-block;width: 49px;font-size: 14px;color: #1d5294;line-height: 21px;float: left;font-style: normal;}
.t-tool li .span01 {}
.t-tool li .span02 {}
.t-tool li a {display:block;width: 108px;height: 32px;background: #1D5394;border-radius: 5px;font-size: 14px;color: #fff;line-height: 32px;border: 1px solid #1d5294;border-radius: 5px;text-align: center;margin: 0 auto;margin-top: 20px;}
.t-tool li:hover a {background: #042d5f;}



.w-bg{padding: 40px 0;}
.w-map{}
.w-mapl{ width:50%; float: left;}
.w-mapl img{}
.w-mapr{width:50%; float: left;}
.w-mapr img{}

.news_all{
    padding: 30px 0;
}
.news_title{
    padding-top: 20px;
}
.news_title img{
    float: left;
    width: calc(50% - 40px );
}
.news_title font{display: block;width: 50%;float: right;}
.news_title font h1{font-size: 28px;font-weight: bold;color: #1D5394;line-height: 36px;padding-bottom: 20px;height: 36px;overflow: hidden;}
.news_title font p{font-size: 16px;color: #666666;line-height: 32px;height: 223px;overflow: hidden;}
.news_title font span{font-size: 16px;color: #1d5394;line-height: 32px;padding-top: 20px;display: block;}

.newsconter_list{display: block;margin: 0 -20px;padding-top: 20px;}
.newsconter_list li{float: left;width: 50%;padding: 10px 15px;}
.newsconter_list li a{display: block;padding: 30px;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);background: #f0f5ff;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;border: 1px solid #fff;}
.newsconter_list li:hover a{background: #1d5294;box-shadow: 0 5px 10px 0 rgba(86, 118, 252, 0.2);border-radius: 20px;border: 1px solid #fff;}
.newsconter_list li a img{display: block;width: 240px;float: left;}
.newsconter_list li a font{display: block;width: calc(100% - 270px);float: right;}
.newsconter_list li a font h1{font-size: 28px;font-weight: bold;color: #1D5394;line-height: 36px;padding-bottom: 20px;}
.newsconter_list li a font p{font-size: 14px;color: #666666;line-height: 27px;overflow: hidden;padding: 10px 0;height: 64px;}
.newsconter_list li a font span{font-size: 14px;color: #a0a0a0;line-height: 32px;display: block;}
.newsconter_list li:hover a font h2,.newsconter_list li:hover a font p,.newsconter_list li:hover a font span{color: #ffffff;}
.newsconter_list li:hover a font h1{color: #ffffff;}


@media (max-width:1680px) {



	
	
	
	
	

}




@media (max-width:1440px) {
.writ h2 span { width:60%;}
.writ h3 {width:60%;}
.bannerLink a.bannerMore2 img {width:70%;float: right;}	
.bannerLink a.bannerMore2 {right:0px;top: -64px;}	
.iot_contenttitle{padding:30px;}
.iot_contenttitle font h1{font-size: 22px;}	
.tab-supply{top:-10px;}	
.newsconter_list li a{padding:20px;}	
	
}


@media (max-width:1360px) {

.news_title font p{height: 122px;}
.newsconter_list li a img{width:200px;}
.newsconter_list li a font{width: calc(100% - 220px);}
.newsconter_list li a font p{line-height: 22px;padding: 5px 0;height: 52px;}




}



@media (max-width:1280px) {

.service h2 p b{ padding-left:0px;}
	
	

}








@media (max-width:1080px) {
.servicew33 li{width:100%;}
.service li font{margin-right: 0px;}
.titlecheck a strong{margin-right: 30px;}
.servicew25 li{width: calc(50% - 20px);}
.iot_ul01 p{padding: 5px 15px;}
.famous_school_list .swiper-slide{float: none;}
.w33 {width:100%;}
.mb20{margin-bottom:20px}
.selected-solution .swiper-container, .selected-solution>div {width: 100%;}
.selected-solution .solution-cardlist {max-width: 100%;margin: 20px auto 0;}
.col-sm-4 {width: 50%;}

.index_list_l{display: none; float:none;}
.index_list{float: none;width:100%;}
.Supermarket_w25 li{width:50%;}
.iot li{float: left;width:50%;}	
.iot_title{width: 25%;}
.bannerLink a.bannerMore2 img { width:60%;}
.iot_content_all a{display: block;padding:0px 20px 0px 20px;}
.iot_content_all a img{width:50%;}
.bannerLink a.bannerMore2 {right:0px;top: -40px;}	
.servicew50{width:100%;}
.map_right{width:100%; padding-bottom:20px;}	
.t-tool li{width: calc(50% - 20px );}
.newsconter_list li{float: left;width:100%;}
.iotpad{padding:10px 10px 10px 0px;}


}


@media (max-width:1024px) {
.servicebg{margin: 0 0 10px 0;}
.servicew25 li{width: calc(50% - 5px);padding-right:5px;}
.famous_school_item{margin: 0px 0px;}
.famous_school_list{margin-left:0px;}
.map_left{float:left;width:100%;}
.map_right{float:right;width:100%;}


}







@media (max-width:768px) {


.bannerLink {margin-top:5px;}
.bannerLink a.bannerMore2 img { width:50%;}
.bannerLink {margin-top: 20px;width:150px;height:36px;}
.bannerLink a {height:36px;line-height:36px;font-size: 16px;}
.bannerLink a.bannerMore1 {width:150px;}
.writ h2 span { padding-top:30px;}
.news_title font p{height: 89px;line-height: 29px;}
.news_title font h1{font-size: 24px;}
.bg-hui{ padding-bottom:20px;}

}







@media (max-width:540px) {
.titlecheck a b{ display:none;}
.banner img {display: block;}	
.tab-supply li a{width: 81px;height: 32px;font-size: 12px;}
	
}
@media (min-width:1080px){
.map_left_map_h5 {
    display: none;
}

.map_left_map_pc {
    display: block;
}


.mapbg.cl.pc{

display:block;

}
.mapbg.cl.h5{
display:none;
}

}

@media (max-width:1080px) {

.map_left_map_h5 {
    display: block;
}

.map_left_map_pc {
    display: none;
}

.mapbg.cl.pc{

display:none;

}
.mapbg.cl.h5{
display:block;
}
.t-tool li span{

display:none
}
.t-tool li h1 {
    height: 65px !important;
}

.w-mapl {
    width: 100%;
    float:none
}
.map_left{

margin-left:70px

}

.w-mapr{

width:100%
}

div#chart_4{

margin-left:-25px
}

.news_title.cl {
    display: none;
}
.iot_contenttitle font h1{
    font-size: 16px;
}
.iot_contenttitle font p {
    height: 100px !important;
}
.iot_content_all a img{
width:100%
}


.t-tool li h1{
font-size:16px;
height:60px !important

}
.map_left_map{
margin-left:50px
}

.grid.echartrow{

height:650px
}


.sczt-map {
background:none;
background-color:#fff !important

}
}